<template>
<view class="myAppointment-contentOuter">
	<view class="myAppointment-content">
		<view class="myAppointment-list">
			<view class="myAppointment-list-title">
				瑞鹏宠物医院（三林分院）
			</view>
			<view class="myAppointment-list-address">
				浦锦路309弄3号
			</view>
			<view class="myAppointment-list-inner">
				<text class="myAppointment-list-inner-key">姓名：</text>
				<text class="myAppointment-list-inner-value">李先生</text>
			</view>
			<view class="myAppointment-list-inner">
				<text class="myAppointment-list-inner-key">候诊时间：</text>
				<text class="myAppointment-list-inner-value">12月13日 14:15</text>
			</view>
			<view class="myAppointment-list-inner">
				<text class="myAppointment-list-inner-key">服务项目：</text>
				<text class="myAppointment-list-inner-value">幼犬首次免疫套餐</text>
				<text class="myAppointment-list-inner-price">￥199</text>
			</view>
			<view class="myAppointment-list-inner">
				<text class="myAppointment-list-inner-key">提交时间：</text>
				<text class="myAppointment-list-inner-value">2021年11月28日 12:14</text>
			</view>
		</view>
		<view class="myAppointment-list">
			<view class="myAppointment-list-title">
				瑞鹏宠物医院（三林分院）
			</view>
			<view class="myAppointment-list-address">
				浦锦路309弄3号
			</view>
			<view class="myAppointment-list-inner">
				<text class="myAppointment-list-inner-key">姓名：</text>
				<text class="myAppointment-list-inner-value">李先生</text>
			</view>
			<view class="myAppointment-list-inner">
				<text class="myAppointment-list-inner-key">候诊时间：</text>
				<text class="myAppointment-list-inner-value">12月13日 14:15</text>
			</view>
			<view class="myAppointment-list-inner">
				<text class="myAppointment-list-inner-key">服务项目：</text>
				<text class="myAppointment-list-inner-value">幼犬首次免疫套餐</text>
				<text class="myAppointment-list-inner-price">￥199</text>
			</view>
			<view class="myAppointment-list-inner">
				<text class="myAppointment-list-inner-key">提交时间：</text>
				<text class="myAppointment-list-inner-value">2021年11月28日 12:14</text>
			</view>
		</view>
	</view>
</view>
</template>

<script>
import { defineComponent, reactive, toRefs } from 'vue';
export default defineComponent({
	setup() {
		
	}
})
</script>

<style lang="stylus" scoped>
.myAppointment-contentOuter{
	background: #F6F6F7;
	min-height: 100vh;
	overflow: hidden;
	margin: 0 auto;
	.myAppointment-content{
		.myAppointment-list{
			background-color: #fff;
			margin-top: 16rpx;
			padding: 36rpx 32rpx;
			
			.myAppointment-list-title{
				font-size: 32rpx;
				// font-family: PingFangSC-Semibold, PingFang SC;
				font-weight: 600;
				color: #333333;
			}
			.myAppointment-list-address{
				font-size: 24rpx;
				// font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #999999;
				padding-top: 10rpx;
				padding-bottom: 32rpx;
			}
			.myAppointment-list-inner{
				padding-bottom: 24rpx;
				.myAppointment-list-inner-key{
					font-size: 28rpx;
					// font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #999999;
				}
				.myAppointment-list-inner-value{
					font-size: 28rpx;
					// font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #333333;
				}
				.myAppointment-list-inner-price{
					font-size: 28rpx;
					// font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #FF413C;
					padding-left: 12rpx;
				}
			}
		}
	}
}
</style>
